import React, { Component } from 'react'
import classnames from "classnames";
// classnames库的简单使用
// 安装: npm install classnames --save 
export default class ClassNamesComponent extends Component {
    render() {
        return (
            <div className={
                classnames({
                    "abc": true,
                    "demo": true,
                    "xyz": false
                })
            }>
                classnames
            </div>
        )
    }
}
// 其它用法：
// classNames('foo', 'bar'); // => 'foo bar'
// classNames('foo', { bar: true }); // => 'foo bar'
// classNames({ 'foo-bar': true }); // => 'foo-bar'
// classNames({ 'foo-bar': false }); // => ''
// classNames({ foo: true }, { bar: true }); // => 'foo bar'
// classNames({ foo: true, bar: true }); // => 'foo bar'

// // lots of arguments of various types
// classNames('foo', { bar: true, duck: false }, 'baz', { quux: true }); // => 'foo bar baz quux'

// // other falsy values are just ignored
// classNames(null, false, 'bar', undefined, 0, 1, { baz: null }, ''); // => 'bar 1'
